<template>
        <a class='back' @click.prevent="routeBack" title='返回'>
        <i class="el-icon-arrow-left"></i>
      </a>
</template>

<script>
  import routeBack from '../mixins/routeBack.js'
  export default{
    name: 'aBack',
    props: ['from'],
    mixins: [routeBack],
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
@import '../scss/mixin.scss';

    a.back{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:45px;
    text-align: center;
    @include display(flex);
    @include align-content(center);
    @include justify-content(center);
    @include flex-direction(column);
    font-size: 40px;
    color: #ccc;
    cursor: pointer;
    @include transition(all .2s ease-in-out);
    &:hover{
      color: $blue1;
    }
  }
</style>